<!--子菜单栏-->
<template functional>
  <a-sub-menu :key="props.menuInfo.name">
    <span slot="title">
      <a-icon :type="props.menuInfo.meta.icon" /><span>{{
        props.menuInfo.meta.name
      }}</span>
    </span>
    <template v-for="item in props.menuInfo.children">
      <a-menu-item :key="item.name" v-if="item.meta.showMenu">
        <span>{{ item.meta.name }}</span>
      </a-menu-item>
    </template>
    <!--<template v-for="item in props.menuInfo.children">-->
    <!--<a-menu-item v-if="!item.children" :key="item.name">-->
    <!--<span>{{ item.meta.name }}</span>-->
    <!--</a-menu-item>-->
    <!--<sub-menu v-else :key="item.name" :menu-info="item" />-->
    <!--</template>-->
  </a-sub-menu>
</template>
<script>
export default {
  props: ["menuInfo"]
};
</script>
